import React, { Component } from 'react';
import {
    View,
    Text,
    TouchableOpacity,
} from 'react-native';


import { sysbottomStyle as styles } from '../../../../styles';
import Icon from 'react-native-vector-icons/Ionicons';
import Install from '../install/follow_com';

var Dimensions = require('Dimensions');
var width = Dimensions.get('window').width;          //获取屏幕宽度
var height = Dimensions.get('window').height;



export default class Sysotherinstall extends Component {

    constructor(props) {            //构造器只执行一次
        super(props);
    };

    render() {
        return (
            <View style={[styles.bottom, { width: width * 1 }]}>
                <View style={styles.section}>
                    <TouchableOpacity activeOpacity={1} style={[styles.every, { width: width * 0.9 }]}
                        onPress={() => { this.goGet('Followcomall', this.props.resume.memberId); }}
                    >
                        <Icon
                            name={'md-flower'}
                            size={20}
                            color={'#aeaeae'} style={styles.bicon} />
                        <Text style={styles.text6}>我关注的企业</Text>
                    </TouchableOpacity>

                    <TouchableOpacity activeOpacity={1} style={[styles.every, { width: width * 0.9 }]}
                        onPress={() => { this.goGet('Collectall', this.props.resume.memberId); }}>
                        <Icon
                            name={'md-heart-outline'}
                            size={20}
                            color={'#aeaeae'} style={styles.bicon} />
                        <Text style={styles.text6}>我收藏的职位</Text>
                    </TouchableOpacity>

                    <TouchableOpacity activeOpacity={1} style={[styles.every2, { width: width * 0.9 }]}
                        onPress={() => { this.goGet('Whosee_all', this.props.resume.memberId); }}>
                        <Icon
                            name={'md-eye'}
                            size={20}
                            color={'#aeaeae'} style={styles.bicon} />
                        <Text style={styles.text6}>谁看过我</Text>
                    </TouchableOpacity>
                </View>

                <View style={styles.section2}>
                    <TouchableOpacity activeOpacity={1} style={[styles.every3, { width: width * 0.9 }]}
                        onPress={() => { this.props.navigation.navigate('Install', { resume: this.props.resume }) }}>
                        <Icon
                            name={'md-build'}
                            size={20}
                            color={'#aeaeae'} style={styles.bicon} />
                        <Text style={styles.text6}>账号设置</Text>
                    </TouchableOpacity>
                </View>
            </View>
        )
    }
    goGet(name, id) {
        this.props.navigation.navigate(name, { useId: id });
    }
}